{% extends "base_site.html" %}
{% load i18n %}
{% load properties %}

{% block extrastyle %}
<link rel="stylesheet" type="text/css" href="{% settings_property 'CURRENT_THEME' %}form.css" />
<link rel="stylesheet" type="text/css" href="{% settings_property 'CURRENT_THEME' %}wizard_steps.css" />
{% endblock %}

{% block bodyclass %}home{% endblock %}

{% block content %}
<h1>Thank you for coming back.</h1>
<p>Use the form below to finalise your CAIPS form request.</p>
<ul id="steps">
  <li class="visited"><a href="#"><span>Step 1</span><span>description</span></a></li>
  <li class="visited"><a href="#"><span>Step 2</span><span>description</span></a></li>
  <li class="current"><a href="#"><span>Step 3</span><span>description</span></a></li>
  <li class="upcoming"><a href="#"><span>Step 4</span><span>description</span></a></li>
  <li class="upcoming"><a href="#"><span>Step 5</span><span>description</span></a></li>
</ul>
<a href="#">Test</a>
<div class="wizard-steps">
  <div class="completed-step"><a href="#step-one"><span>1</span> Upload Consent Form(s)</a></div>
  <div class="active-step"><a href="#step-two"><span>2</span> Payment Confirmation</a></div>
  <div><a href="#"><span>3</span> Payment Complete</a></div>
  <div><a href="#"><span>4</span> Confirmation</a></div>
</div>

<div class="form_container">
    <form method="post" action="" class="caips_request" enctype="multipart/form-data">
        {% csrf_token %}
        {{ consent_formset.management_form }}
        <fieldset>
            <legend>Main information:</legend>
            {{ caips_form.as_p }}
        </fieldset>
        {% for form in consent_formset %}
        <fieldset>
            <legend>{% if form.is_principal == True %}<strong>Principal</strong>{% else %}Dependent{% endif %}</legend>
            {{ form.as_p }}
        </fieldset>
        {% endfor %}
        <p><button type="submit" name="submit" id="submit">Pay</button></p>
    </form>
</div>
{% endblock %}